<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="base">
<head>
	<meta charset="UTF-8"/>
	<title></title>
</head>

<body>
	<div layout:fragment="content">
		<div class="table-top">
			<div class="title-big" th:text="#{customServiceProcess}">
				工单流程
			</div>
		    <div class="title-small" th:text="#{${session.menuId}}">
		                    我发起的工单
		    </div>
		</div>
		<div class="companyMgr-page" style="height: 900px">
    		<div class="company-tab">
		        <a th:href="@{/customerServiceProcess/allProcesses/view(menuId=customServiceProcessAllProcesses)}" style="text-decoration: none" shiro:hasPermission="customServiceProcessAllProcesses:view">
		            <div th:class="${session.menuId=='customServiceProcessAllProcesses'?'company-subtab tab-active':'company-subtab'}" style="margin-left: 2%">
		                <div class="right-border" th:text="#{customServiceProcessAllProcesses}">
		                	工单总览
		                </div>
		            </div>
		        </a>
		        <a th:href="@{/customerServiceProcess/startedProcess/view(menuId=customServiceProcessTaskStarted)}" style="text-decoration: none" shiro:hasPermission="customServiceProcessTaskStarted:view">
		            <div th:class="${session.menuId=='customServiceProcessTaskStarted'?'company-subtab tab-active':'company-subtab'}">
		                <div class="right-border" th:text="#{customServiceProcessTaskStarted}">
		               	 我发起的工单
		                </div>
		            </div>
		        </a>
		        <a th:href="@{/customerServiceProcess/runtimeTask/view(menuId=customServiceProcessTaskToDo)}" style="text-decoration: none" shiro:hasPermission="customServiceProcessTaskToDo:view">
		            <div th:class="${session.menuId=='customServiceProcessTaskToDo'?'company-subtab tab-active':'company-subtab'}">
		                <div class="right-border" th:text="#{customServiceProcessTaskToDo}">
		                	我待办的工单
		                <span class="badge" style="float: right;margin-top: -6%;margin-right: 10%;background: #4497C9">3</span>
		                </div>
		            </div>
		        </a>
		        <a th:href="@{/customerServiceProcess/historicTasks/view(menuId=customServiceProcessHistoricTasks)}" style="text-decoration: none" shiro:hasPermission="customServiceProcessHistoricTasks:view">
		            <div th:class="${session.menuId=='customServiceProcessHistoricTasks'?'company-subtab tab-active':'company-subtab'}">
		                <div class="right-border" th:text="#{customServiceProcessHistoricTasks}">
		                	我办过的工单
		                </div>
		            </div>
		        </a>
   			</div>
   			<div id="selects" layout:fragment="company-select" class="company-select" v-cloak="v-cloak"></div>
   			<div id="processes" layout:fragment="processContent" class="process-table" v-cloak="v-cloak"></div>
    	</div>
    </div>
</body>
</html>
